<template>
	<view class="wrap">
		<view class="backgroundFFF mt10 p30">
			<view class="wh_title">{{taskInfo.msgTitle}}</view>
			<view class="wh_main">
				<view class="wh_content" v-html="taskInfo.msgContent">
					{{taskInfo.msgContent}}
				</view>
				<!-- 附件 -->
				<view class="lh-mt-36">
					<LhFilelist v-if="taskInfo.id" :bizKey="taskInfo.id" bizType="msgInner_file" />
				</view>
				</br>
				<text>发送者：{{taskInfo.sendUserName}}</text>
				<text>发送时间：{{taskInfo.sendDate}}</text>
			</view>
		</view>
	</view>
</template>
<script>
	/**
	 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
	 */
	import LhFilelist from "@/components/lh-filelist/lh-filelist.vue";
	export default {
		components: {
			LhFilelist,
		},
		data() {
			return {
				taskInfo: {},
				ID: ""
			};
		},
		onLoad(option) {
			this.ID = option.id
			if (this.ID) {
				this.getNotice()
			}
		},
		onShow() {},
		methods: {
			getNotice() {
				this.$u.api.notice.getDetail({
					id: this.ID
				}).then(res => {
					this.taskInfo = res.msgInner
				});
			},
		},
	};
</script>
<style lang="scss">
	page {
		background-color: #f8f8f8;
	}

	.wh_title {
		text-align: center;
		font-size: 32upx;
		padding-bottom: 40upx;
		font-weight: 800;
	}

	.wh_main text {
		display: block;
		line-height: 50rpx;
	}

	.wh_content {
		padding-top: 30rpx;
		padding-bottom: 50rpx;
		line-height: 60rpx;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 30rpx;
	}
</style>
